<template>
  <view class="pay_success">
    <navBar v-if="isShowCustomNavBar" :navbarData.sync="navbarData"></navBar>
    <view class="pay_body">
      <view class="pay_success_top">
        <p class="pay_success_top_p1">支付成功</p>
        <image class="pay_success_top_img" :src="paySuccessIconImg"></image>
        <view class="text_style">尊贵的麦卡伦贵宾</view>
        <view class="text_style">您的订单{{obj.orderCode}}已支付成功</view>
        <view class="text_style">将在系统确认后自动进入发货环节</view>
      </view>
      <image class="pay_success_line" src="https://100000063-1252208446.file.myqcloud.com/images/macallan-remvp/order/dividers_img.png"></image>
      <!-- <view v-if="!!obj.addition && !!obj.addition.hasPrivateSaleSku" class="back-target-sales" @click="backSpecialSale">
        <view class="color-f">返回特邀会员专场</view>
      </view> -->
      <view class="purchase">
        <block>
          <view class="purchaseTop">
            <view class="purchaseTop-left">
              <p class="order_name order_text">订单编号</p>
              <p class="order_id order_text">{{obj.orderCode}}</p>
            </view>
            <view class="copybtn_style" style="font-size: 12px;" @click="handleCopyOrderId">复制</view>
          </view>
          <view class="payedTime">
            <p class="order_name order_text">下单时间</p>
            <p class="order_id order_text">{{obj.orderTime}}</p>
          </view>
          <block v-for="(item, index) in orderList" :key="index" v-if="item.isGift == 0">
            <view class="purchaseGoods" @click.stop="toItemPage(item.itemId,item.skuProperties[0].valueId,item.skuProperties[0].valueName)">
              <image class="purchaseGoods-img" :src="item.hdlpImageUrl ? item.hdlpImageUrl : item.skuImageUrl"></image>
              <view class="purchaseGoods-top">
                <p class="purchase_goods_title order_text">{{item.itemName}}</p>
                <p class="purchaseTop-p order_text">{{ item.skuProperties[0].valueName }}</p>
                <view class="goods_other_box">
                  <p class="FrankNew_Regular order_text">{{item.qty}}x</p>
                  <p class="yuan_mark order_text">¥</p>
                  <p class="FrankNew_Regular order_text">{{item.divideOrderFee}}</p>
                </view>
              </view>
            </view>
          </block>
        </block>
				
				<view v-if="userC2bOrder" class="user_c2b_order">
					<view class="title">含个性化定制服务</view>
					<view @click="handleCustomizationDetails" class="copybtn2_style">查看镌刻</view>
				</view>
				
        <view class="total_box" v-if="!!obj.notGiftTotalNum">
          <view class="total_name total_text">订单金额</view>
          <view class="total_text">
            <text class="total_text total_mark">¥</text><span class="total_text total_price">{{filterChecked.moneyFormat(obj.payment, 2)}}</span>
          </view>
        </view>
        <view class="pay_success_text">
          <image class="info_icon" src="https://100000063-1252208446.file.myqcloud.com/images/macallan-remvp/order/info_icon.png"></image>
          <view class="info_text text_style">
            如经系统确认，该订单构成异常订单，我们有权采取不予发货、取消订单或其他合理措施，并为您办理退款手续。相关政策详见<text
              @click.stop="shoppingInstructions" class="check-dec">《THE MACALLAN麦卡伦线上精品店购物须知》</text>或<text class="check-dec">咨询在线客服。</text>
          </view>
        </view>
        <!-- 收货地址信息 -->
        <view class="address_block">
          <image class="location_iconimg" :src="locationIconImg"></image>
          <view class="info_box">
            <view class="title">配送信息</view>
            <view class="user_info">
			  <view class="">
			  	{{ obj.receiverName }}
			  	<text class="mobile">{{ obj.receiverMobile }}</text>
			  </view>
			   <view  v-if="!showSale && obj.status == 'WAIT_SELLER_SEND_GOODS'" class="copybtn_style">
			  				   <!-- 修改地址 -->
			  				   <navigator hover-class="none" :url="'/pages/customer/address?type=reSet&orderNo=' + obj.orderCode+'&no='+orderNo">
			  				     <view>修改地址</view>
			  				   </navigator>
			  				   </view>
            </view>
            <view class="city">
              {{ obj.receiverState }}&nbsp;{{ obj.receiverCity }}&nbsp;{{ obj.receiverDistrict }}
            </view>
            <view class="city_details">
              <text v-if="obj.receiverTown">{{ obj.receiverTown }}&nbsp;</text>
              {{ obj.receiverAddress }}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="button_box">
		<!-- <view  class="btn btn_del" v-if="!showSale && (obj.status == 'WAIT_BUYER_PAY'||obj.status == 'BUYER_PART_PAYMENT')">
		  <navigator hover-class="none" :url="'/pages/customer/address?type=reSet&orderNo=' + obj.orderCode">
		    <view>修改地址</view>
		  </navigator>
		</view> -->
      <!-- <button class="button1" @click="goOrderDetail">查看详情</button> -->
      <button open-type="contact" show-message-card="true" size="20" class="button1" style="margin-right: 0;padding: 0;">
        在线客服
      </button>
      <button class="button1" @click="goIndex">前往首页</button>
      <!-- <button class="button1" @click="goIndex">{{!!obj.addition.hasPrivateSaleSku?'返回商城首页':'返回首页'}}</button> -->
    </view>
		<!-- 弱提示 弹窗 -->
		<toast-popup ref="toastPopup" @onToastPopupClick="onToastPopupClick"></toast-popup>
		<!-- 个性化定制内容查看 -->
		<c2bDetails ref="c2bDetailsPopup"></c2bDetails>
  </view>
</template>
<script module="filterChecked" lang="wxs" src="../../utils/filter.wxs"></script>
<script>
  import api from '@/api/api';
  import NavBar from '../../components/common/navbar';
	import c2bDetails from './components/c2bDetails';
  import {
    SYSTEM_INFO,
    CUSTOMER_INFO,
    CART_KEY,
    MERCHANT_INFO
  } from '@/utils/constant';
  export default {
    config: {
      navigationStyle: 'custom',
      navigationBarTitleText: '支付成功'
    },
    components: {
      navBar: NavBar,
			c2bDetails: c2bDetails
    },
    data() {
      return {
        orderList: [],
        obj: {},
        isShowCustomNavBar: true,
        // 组件所需的参数
        navbarData: {
          showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
          navbarTitle: ' ', //导航栏 中间的标题
          hideHome: false
        },
        orderNo: '',
        jwt: '',
        payment: 0, //价格
        previousPages: '',
        status: '', //状态
        orderCode: '', //订单编号
        itemName: '', //商品名
        qty: 0, //数量
        skuImageUrl: '', //商品图片地址
        ren: {},
        value: {},
        nowPages: '',
        orderStatusList: {
          WAIT_BUYER_PAY: '待支付',
          BUYER_PART_PAYMENT: '继续支付',
          WAIT_SELLER_SEND_GOODS: '待发货',
          WAIT_BUYER_CONFIRM_GOODS: '待收货',
          TRADE_FINISHED: '已完成',
          TRADE_CLOSED: '已取消',
          TRADE_CLOSED_BY_CLOUD: '已关闭',
          RETAIL_STORE_RECEIVED: '门店已收货',
          DC_RECEIVED: '仓库已收货'
        },
        paymentSuccessClickParams: {}, //用户支付成功页面点击“返回特邀活动专场/返回商城首页/查看订单” 所传参数
        paySuccessIconImg: "",
        noPayIconImg: "",
        locationIconImg: "",
				showSale: false,
				userC2bOrder: false,	//	是否是c2b订单
				userCustomizationDetails: null
      };
    },

    onLoad(option) {
		this.orderNo = option.orderNo;
		getApp().checkOrderStatus(option.orderNo)
      const { paySuccessIconSvgImg, locationSvgImg } = require('./imgs.svg.js');
      this.paySuccessIconImg = paySuccessIconSvgImg();
      this.noPayIconImg = paySuccessIconSvgImg("#000000");
      this.locationIconImg = locationSvgImg('#000');

      
     
    },
    onShow() {
		this.getPayOrderDetail();
		this.getCustomerCart();
		this.validateCart();
		let pages = getCurrentPages();
		let prevpage = pages[pages.length - 2];
		var currPage = pages[pages.length - 1]; //当前页面
		this.nowPages = currPage.route;
      getApp().cl_tracker.track('mini_program_view', {
        path: this.nowPages,
        pageName: '支付成功',
      })
    },
    methods: {
			handleCustomizationDetails(){
				if(!this.userCustomizationDetails || !this.userCustomizationDetails.customizationImg) return this.handleShowTextToast('定制信息回显异常');
				this.$refs.c2bDetailsPopup.show(this.userCustomizationDetails);
			},
			/**
			 * 展示弱提示
			 * @param {Object} msg 文案
			 */
			handleShowTextToast(msg){
				try{
					this.$refs.toastPopup.showToast(msg);
				}catch(e){}
			},
			/**
			 * 若提示按钮点击回调
			 * @param {Object} data.type 类型：confirm确定，cancel取消
			 * @param {Object} data.callBackData 呼气弹窗时传入的数据
			 */
			onToastPopupClick(data){},
      backSpecialSale() {
        let {
          listPath
        } = uni.getStorageSync('TsInfo')
        this.trackPaymentSuccessClick('返回特邀活动专场');
        uni.reLaunch({
          url: listPath
        })
      },

		  paymentSuccessClickData(){
			  let that = this;
		    let orderFlow = this.$programSetting.openAppointment;
		    let objOrder =  this.$commonFunction.isOrderType(that.obj,orderFlow);
        let tsActivityLimitList = !!that.obj.addition.tsActivityLimitList ? that.obj.addition.tsActivityLimitList?.[0] : !!that.obj.addition.forwardPurchaseActivityList ? that.obj.addition.forwardPurchaseActivityList?.[0] : ''
			  let clTrackPrams = {
				'c_area': '返回特邀活动专场',//因返回特邀活动专场需在cms页面跳转，故提前把数据预处理好
				'c_product_id': '',
				'c_product_name': '',
				'c_product_brand': '',
				'c_product_price': '',
				'c_product_year': '',
				'c_product_series': '',
				'c_product_scenarios': '',
				'c_product_taste': '',
				'c_product_alcoholconcentration': '',
				'c_product_volume': '',
				'c_order_id':that.obj.orderCode,
				'c_quantity':this.obj.itemTotal,
				'c_order_remark':'',
				'c_amount':this.obj.payment,
				'c_campaignID': !!tsActivityLimitList && !!tsActivityLimitList.tsActivityId ? tsActivityLimitList.tsActivityId : !!tsActivityLimitList.forwardPurchaseActivityId ? tsActivityLimitList.forwardPurchaseActivityId : '',
				'c_campaignName': !!tsActivityLimitList && !!tsActivityLimitList.tsActivityName ? tsActivityLimitList.tsActivityName : !!tsActivityLimitList.forwardPurchaseActivityName ? tsActivityLimitList.forwardPurchaseActivityName : '',
				'c_order_type':objOrder.orderType,
		    'c_purchase_type':objOrder.purchaseType
		}
			  that.orderList.forEach(function(item, index) {
				  clTrackPrams.c_product_id += item.itemId + ';';
				  clTrackPrams.c_product_name += item.itemName + ';';
				  clTrackPrams.c_product_price += item.price + ';';
				  clTrackPrams.c_product_volume += JSON.parse(item.skuProperties)[0].valueName + ';';
			  });
			  that.paymentSuccessClickParams = clTrackPrams;
		  },
		  //商城-订单-支付成功页-点击模块---用户支付成功页面点击“返回特邀活动专场/返回商城首页/查看订单”
		  trackPaymentSuccessClick(area){
			  let that = this;
			  that.paymentSuccessClickParams.c_area = area;
			  getApp().commonClTrack('c_ebmp_order_payment_success_click', that.paymentSuccessClickParams);
      },
      async getPayOrderDetail(){
        let that = this;
        let merchantInfo = uni.getStorageSync(MERCHANT_INFO)
        let customerInfo = uni.getStorageSync(CUSTOMER_INFO)
        const json = await api.getOrderInfo({
            header: {
              jwt: customerInfo.jwt
            }
          },
          this.orderNo
        );
        if (json.code === 1000) {
					that.obj = json.data;
					if(this.obj.addition && this.obj.addition.activitySelectionId) {
						this.showSale = true
					}
					//	判断是否是c2b订单
					if(this.obj.addition && this.obj.addition.customization && this.obj.addition.customizationImg){
						this.userC2bOrder = true;
						this.userCustomizationDetails = {
							customization: this.obj.addition.customization,
							customizationImg: this.obj.addition.customizationImg
						}
					}else{
						this.userC2bOrder = false;
						this.userCustomizationDetails = null;
					}
          that.$sr.track("custom_order", {
                    order: {
                      order_id: json.data.orderCode.toString(),
                      order_time: new Date(
                          json.data.orderTime.replace(/-/g, "/")
                        ).getTime() ||
                        new Date(json.data.orderTime).getTime(),
                      order_status: "payed",
                    },
                    sub_orders: [{
                      sub_order_id: json.data.orderCode.toString(),
                      order_amt: parseFloat(json.data.itemTotal),
                      pay_amt: parseFloat(json.data.payment),
                    }, ],
                    // more...
                  });

          let _orderList = json.data.items;
          
          that.paymentSuccessClickData();
          let notGiftNum = 0
          let notGiftTotalNum = 0
          this.obj.items.forEach(innerItem => {
            if (innerItem.isGift == 0) {
              notGiftNum++
              notGiftTotalNum += innerItem.qty
            }
          });
          this.obj.notGiftNum = notGiftNum
          this.obj.notGiftTotalNum = notGiftTotalNum
          let orders = json.data
          //解析每个数组下面的items.skuProperties属性
          for (let i = 0; i < _orderList.length; i++) {
            const el = _orderList[i];
            el.skuProperties = JSON.parse(el.skuProperties);
            //  查询高清大图
            const _goodsRes = await that.getDetailsById(merchantInfo, el.itemId)
            if(_goodsRes) el.skuImageUrl = _goodsRes;
          }
          that.orderList = _orderList;
          that.ren = json.data.items[0];
          that.$EFSTracking.trackingOrder('PAY_SUCCESS', orders.orderId,
            orders.items, orders.payment, orders.postFee, orders.discountFee, orders.itemTotal);
          that.payment = json.data.payment;
          that.status = json.data.status;
          that.orderCode = json.data.orderCode;
          that.itemName = json.data.items.itemName;
          that.qty = json.data.items.qty;
        } else {
          that.handleShowTextToast(json.msg);
        }
      },
      validateCart: async function() {
        let that = this;
        let customerInfo = uni.getStorageSync(CUSTOMER_INFO);
        //查询一次购物车 如果报错，则重新加载cartKey
        that.$commonFunction.getCartList().then((res) => {
        }).catch((err) => {
					uni.setStorageSync(CART_KEY, null);
        });
      },

      getCustomerCart: async function() {
        let that = this;
        let cart_key = uni.getStorageSync(CART_KEY);
        let jwt = uni.getStorageSync(CUSTOMER_INFO).jwt;
        if (jwt && cart_key !== null) {
          that.$commonFunction.getCartList().then((res) => {
            if (res && res.items !== null) {
              that.$store.commit('changeCartNum', res.availableTotalQty);
            }
          }).catch((err) => {

          });
        }
      },
      goOrderDetail() {
        this.trackPaymentSuccessClick('查看订单');
        uni.navigateTo({
          url: '/pages/order/list'
        });
      },
      goIndex() {
        this.trackPaymentSuccessClick('返回商城首页');
        uni.reLaunch({
          url: '/pages/home/home',
          success: function(e) {
            var page = getCurrentPages().pop();
            if (page == undefined || page == null) return;
            page.onLoad();
          }
        });
      },
      // 购物须知
      shoppingInstructions() {
        uni.navigateTo({
          url: '/pages/utcms/utcms?uttype=shoppingInstructions'
        });
      },
      // 复制订单号
      handleCopyOrderId(e) {
        let that = this;
        uni.setClipboardData({
          data: this.obj.orderCode,
          success: function(res) {
            uni.showToast({
              title: '复制成功'
            });
          }
        });
      },
      /**
       * 获取商品详情
       * @param {Object} merchantInfo
       * @param {Object} itemId
       */
      async getDetailsById(merchantInfo, itemId){
        return new Promise(async (resolve, reject)=>{
          const _res = await api.goodsDetail({
              query: {
                merchant_id: merchantInfo.cloudMerchantId,
                store_id: merchantInfo.cloudMerchantStoreId
              }
            },
            itemId
          );
          let _img = "";
          if(_res && _res.code == 1000 && _res.data){
            if(_res.data.resources && _res.data.resources.length){
              const _obj = _res.data.resources.find((item)=>item.kind == "hdlp");
              if(_obj && _obj.kind == "hdlp" && _obj.type == "image" && _obj.url) _img = _obj.url;
            }
          }
          resolve(_img)
        })
      },
      toItemPage(itemId,valueId,valueName){
        const _query = valueName ? `id=${itemId}&valueId=${valueId}&valueName=${valueName}` : `id=${itemId}&valueId=${valueId}`;
        uni.navigateTo({
          url: `/pages/item/item?${_query}`
        })
      }
    }
  };
</script>
<style lang="less">
  .pay_success_top_p1 {
    font-size: 64rpx;
    font-family: NotoSansSC-Medium;
    font-weight: 500;
    line-height: 80rpx;
  }

  .pay_success_top_img{
    width: 143.22rpx;
    height: 40rpx;
    margin: 40rpx auto;
  }

  .text_style{
    font-size: 24rpx;
    color: #757575;
    line-height: 40rpx;
    font-weight: 400;
    font-family: NotoSansSC-Regular;
  }
  .pay_success_line{
    width: 648rpx;
    height: 12rpx;
    margin: 0 auto;
  }
  .pay_body {
    padding: 0 48rpx;
  }

  .pay_success {
    background: #fff;
    padding-top: 100rpx;
    font-family: FrankNew-Regular,NotoSansSC-Regular;
    padding-bottom: 146rpx;

    .pay_btn,
    .pay_type,
    .pay_money {
      display: flex;
      width: 100%;
    }

    .icon {
      margin: 0 auto;
      text-align: center;
      padding-top: 100rpx;
    }

    .block {
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
    }

    .icon-success {
      color: #ea4a3a;
      font-size: 150rpx;
    }

    .success_doc {
      color: #1a1a1a;
    }

    .type {
      color: #ea4a3a;
    }

    .pay_type {
      padding-top: 14rpx;
    }

    .pay_money {
      padding-top: 25rpx;
    }

    .btn_group {
      display: flex;
      align-items: center;
      padding-top: 160rpx;

      .btn {
        font-size: 30rpx;
        padding: 10rpx 55rpx;
        text-align: center;
        margin: 0 auto;
        width: 100%;
      }

      .order_detail {
        color: #333;
        border: 1px solid #ccc;
      }

      .get_store {
        background: #ed601b;
        color: #fff;
        margin-left: 85rpx;
      }
    }
  }

  .pay_success_top {
    text-align: center;
    width: 100%;
    // height: 464rpx;
    height: 380rpx;
  }

  .purchase {
    margin-top: 64rpx;
  }

  .purchaseTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74rpx;
  }

  .purchaseTop-left {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .order_text{
    font-size: 24rpx;
    font-weight: 400;
    line-height: 40rpx;
  }
  .order_name{
    color: #000;
    font-family: NotoSansSC-Regular;
    margin-right: 16rpx;
  }
  .order_id{
    color: #000;
    font-family: FrankNew-Regular;
  }

  .copybtn_style {
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    font-family: NotoSansSC-Regular;
    line-height: 1;
    font-size: 24rpx;
    font-weight: 500;
    color: #000;
  }

  .purchaseGoods {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background-color: #fafafa;
    margin-bottom: 16rpx;
    width: 100%;
    height: 256rpx;
  }

  .purchaseGoods:last-child{
    margin-bottom: 0 !important;
  }
  .purchaseGoods-img {
    width: 192rpx;
    height: 100%;
    flex-shrink: 0;
  }

  .purchaseGoods-bottom {
    display: flex;
    justify-content: space-between;
  }

  .purchase_goods_title {
    margin-bottom: 4rpx;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; // 控制多行的行数
    -webkit-box-orient: vertical;
    font-family: FrankNew-Regular,NotoSansSC-Regular;
  }

  .goods_other_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16rpx;
  }

  .FrankNew_Regular{
    font-family: FrankNew-Regular;
  }

  .yuan_mark{
    margin-left: 8rpx;
    margin-right: 4rpx;
    font-family: NotoSansSC-Regular;
  }

  .purchaseGoods-top {
    padding-right: 32rpx;
  }

  .total_box {
    margin-top: 48rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .total_mark{
    margin-right: 4rpx;
    font-family: NotoSansSC-Medium !important;
  }
  .total_text{
    color: #000;
    font-size: 28rpx;
    line-height: 48rpx;
    font-weight: 500;
    font-family: FrankNew-Medium,NotoSansSC-Medium;
  }
  .total_name{
    font-family: NotoSansSC-Medium;
  }
  .total_price{
    font-family: FrankNew-Medium;
  }

  .button_box {
    margin-top: 48rpx;
    padding-bottom: 132rpx;
    text-align: right;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    width: 100%;
    // height: 208rpx;
    padding: 16rpx 48rpx 60rpx 48rpx;
    font-size: 0;
  }

  .button1 {
    color: #000;
    font-size: 28rpx;
    line-height: 72rpx;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    width: 176rpx;
    height: 80rpx;
    // padding: 4px 8px 4px 8px;
    border-radius: 24px 8px 24px 24px;
    font-family: NotoSansSC-Medium;
    font-weight: 500;
    border: 2px solid #000000;
    margin-left: 16rpx;

  }

  .purchaseTop-p {
    color: #757575;
  }

  .pay_success_text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 26rpx;
    border-top: 1px solid #f2f2f2;
    margin-top: 32rpx;
    margin-bottom: 32rpx;
  }

  .info_icon{
    width: 40rpx;
    height: 40rpx;
    flex-shrink: 0;
    margin-right: 8rpx;
  }
  .info_text{
    font-family: FrankNew-Regular,NotoSansSC-Regular;
  }

  .check-dec {
    font-family: FrankNew-Medium,NotoSansSC-Medium;
    color: #000000;
    font-weight: 500;
  }

  .back-target-sales {
    position: relative;
    width: 410rpx;
    margin: 0 auto 80rpx;
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31rpx;
    background-color: #000;
    color: #fff;
    margin-bottom: 68rpx;
  }

  .color-f {
    color: #fff;
    font-size: 31rpx;
  }
  .payedTime{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 74rpx;
    margin-bottom: 32rpx;
  }
  .address_block {
    padding-top: 24rpx;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    .location_iconimg{
      width: 48rpx;
      height: 48rpx;
      flex-shrink: 0;
    }
    .info_box{
      width: 100%;
    }
    .title,.user_info,.mobile,.city,.city_details,.express_info{
      font-size: 24rpx;
      font-weight: 500;
      line-height: 48rpx;
    }
    .title,.user_info{
      font-family: NotoSansSC-Regular;
      display: flex;
          align-items: center;
          justify-content: space-between;
    }
    .user_info{
      .mobile{
        margin-left: 24rpx;
        font-family: FrankNew-Regular;
      }
    }
    .city,.city_details,.express_info{
      color: #757575;
      font-family: NotoSansSC-Regular,FrankNew-Regular,;
    }
    .express_box{
      margin-top: 18rpx;
    }
    .address {
      padding-top: 20rpx;
    }

    .consignee {
      width: 140rpx;
      display: inline-block;
      text-align: right;
    }
  }
	.user_c2b_order{
		width: 100%;
		height: 88rpx;
		border-bottom: 1px solid #f2f2f2;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin: 48rpx 0;
		.title{
			font-family: NotoSansSC-Medium;
			color: #000;
			font-size: 28rpx;
			font-weight: 500;
			line-height: 54rpx;
		}
		.copybtn2_style{
			height: 54rpx;
			line-height: 54rpx;
			border-bottom: 1px solid #000;
			font-family: NotoSansSC-Regular;
			font-size: 24rpx;
			font-weight: 500;
			color: #000;
		}
	}
</style>
